$(function () {

    let currentPage = 1;
    let pageSize = 10;
    let type = '';
    let state = '';
    articleList()
    cateList()

    // 一、文章列表数据动态显示函数封装
    function articleList() {
        $.ajax({
            type: "get",
            url: bignews.article_query,
            data: {
                // 根据文章类型id，筛选文章类型，为空则返回所有文章
                type,
                //文章状态，草稿/已发布,为空返回所有状态文章
                state,
                // 当前页
                page: currentPage,
                // 每页显示条数
                perpage: pageSize
            },
            success: function (res) {
                // console.log(res);
                const htmlStr = template('articleList', res.data);
                setPage(currentPage, res.data.totalPage)
                $('#art_list').html(htmlStr);

            }
        });
    }


    // 二/分页组件使用
    /**
   *
   * @param pageCurrent 当前所在页
   * @param pageSum 总页数
   * @param callback 调用ajax
   */
    function setPage(pageCurrent, pageSum) {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: pageCurrent,
            // 总页数
            totalPages: pageSum,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentPage = page;
                articleList()
            }
        })
    }


    // 三 文章分类渲染
    function cateList() {
        $.ajax({
            type: 'get',
            url: bignews.category_list,
            success: function (res) {
                if (res.code == 200) {
                    const htmlStr = template('cateList', res)
                    $('#selCategory').html(htmlStr)
                }
            }
        });
    }

    // 四、监听筛选按钮点击事件

    $('#btnSearch').on('click', function () {
        type = $('#selCategory').val();
        state = $('#selStatus').val();
        console.log(type, state);
        currentPage = 1;
        articleList()
    });

    // 五、文章删除按钮点击事件---动态生成-事件委托
    $('#art_list').on('click', '#btn-del', function () {
        $.ajax({
            type: 'post',
            url: bignews.article_delete,
            data: {
                id: $(this).data('id')
            },
            success: function (res) {
                // if (res.code == 204) {
                //     articleList()
                // }
                const regExp = /^2\d\d$/;  //正则
                // 判断删除成功之后调用文章加载函数
                if (regExp.test(res.code)) {
                    articleList()
                }
            }
        });

    });












})

